<template>
  <div class="content">
    <div class="dataVDiv">
      <div class="dataLoop" v-for="(item,index) of dataList" :key="index" @click="toPath(item)">
        <div class="dataVItem">
          <el-icon>
            <Memo/>
          </el-icon>
          <div class="dataVItemTitle">{{ item.name }}</div>
        </div>
      </div>
    </div>
  </div>
</template>
<script lang="ts" setup>
import {ref, computed, watch, onMounted} from 'vue';
import {ElMessage, ElMessageBox} from 'element-plus';
import axiosInstance from '@/utils/http/api';
import {
  Delete, Edit, Tickets, DocumentChecked
  , Search, Share, Upload, Refresh, Plus, DocumentCopy, Files, Rank, SwitchButton, Memo
} from '@element-plus/icons-vue';
import type {FormInstance, FormRules} from 'element-plus';
import {equipmentAll} from '@/api/scheduling/dispatchManagement';
import Sortablejs from 'sortablejs';
import type {TabsPaneContext} from 'element-plus';

const toPath = (item) => {
  window.open(item.path);
};
// const apiUrl = ref('http://192.168.8.62:9527');//本地
const apiUrl = ref('https://172.30.190.56:9016');//海科院生产
// const apiUrl = ref('http://101.132.81.189:8082');//应星

const dataList = ref([
  {
    name: '精密导航仪',
    path: apiUrl.value + '/#/precisionNavigator'
  }, {
    name: 'PA生产总览看板',
    path: apiUrl.value + '/#/productionOverviewPa'
  }, {
    name: '原材料仓库看板',
    path: apiUrl.value + '/#/rawMaterialsScreen'
  }, {
    name: '质量看板',
    path: apiUrl.value + '/#/massBillboardScreen'
  }, {
    name: '成品&半成品仓库大数据看板',
    path: apiUrl.value + '/#/warehouseScreen'
  }, {
    name: 'PD3生产车间看板',
    path: apiUrl.value + '/#/workshopProductionScreenPd3'
  }, {
    name: 'PD5生产车间看板',
    path: apiUrl.value + '/#/workshopProductionScreenPd5'
  }, {
    name: 'PD6生产车间看板',
    path: apiUrl.value + '/#/workshopProductionScreenPd6'
  }, {
    name: 'PD7生产车间看板',
    path: apiUrl.value + '/#/workshopProductionScreenPd7'
  }, {
    name: 'PD3车间设备看板',
    path: apiUrl.value + '/#/workshopEquipmentPd3'
  }, {
    name: 'PD5车间设备看板',
    path: apiUrl.value + '/#/workshopEquipmentPd5'
  }, {
    name: 'PD6车间设备看板',
    path: apiUrl.value + '/#/workshopEquipmentPd6'
  }, {
    name: 'PD7车间设备看板',
    path: apiUrl.value + '/#/workshopEquipmentPd7'
  }
]);

onMounted(() => {

});
</script>
<style scoped lang="scss">

.content {
  height: calc(100vh - 100px);
  overflow: auto;
}

.dataVDiv {
  display: flex;
  font-size: 16px;
  flex-wrap: wrap;


  .dataVItem {
    background: #fff;
    width: 270px;
    height: 60px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px;
    cursor: pointer;

    .dataVItemTitle {
      margin-left: 15px;
    }
  }

}
</style>
